.theme-summer{
  /**************************** manage ***********************************/
  .nav-background{
    // background-color: $--color_white;
    // background-image: linear-gradient(45deg, #1278f6, $theme_summer_color 50%, #1278f6);
    // background-image: linear-gradient(45deg, #00b4aa, #1278f6 50%, #00b4aa);
  }
  /**************************** menu ***********************************/
  .el-menu {
    // background-color: $summer_el-menu_bg_color;
    .el-submenu__title:hover{
      // background-color: $summer_el-menu-item-active_bg_color;
    }
    .el-menu-item:hover {
      // background-color: $summer_el-menu-item-active_bg_color;
    }
    .el-menu-item.is-active {
      // color: $summer_el-menu-item-active_color;
      // background-color: $summer_el-menu-item-active_bg_color;
      // border-bottom: 5px solid $summer_el-menu-item-active_color;
    }
  }
   /**************************** SearchCollapse ***********************************/
  .search-colllapse-pro {
    .title{
      border-left: 5px solid $theme_summer_color;
    }
    .title-font {
      color: $theme_summer_color;
    }
  }
  /**************************** Card ***********************************/
  .card-view {
    .card {
      .clearfix {
        .title span {
          &:hover {
            color: $theme_summer_color;
          }
        }
        .is-active {
          color: $theme_summer_color;
        }
      }
    }
  }
  /****************************** LogoView *********************************************/
  .logo-view {
    .logo-text {
      color: $theme_summer_color;
    }
    .logo-welcome {
      color: $theme_summer_color;
    }
  }
  /****************************** UserView *********************************************/
  .user-view {
    .l {
      .user-name {
        color: $theme_summer_color;
      }
    }
    .r {
      .is-active {
        color: $theme_summer_color;
      }
    }
    .system-setting {
      .system-theme {
        background-color: $summer_user-view-system-setting-bg-color;
      }
      .system-language {
        background-color: $summer_user-view-system-setting-bg-color;
      }
    }
    .system-query {
      .el-input__inner {
        background-color: $summer_user-view-system-setting-bg-color;
      }
    }
  }
}